@charset "utf-8";
/* CSS Document */

/*推荐*/
.index_recommned{ padding-top:30px;}
.index_recommned .tab{ height: 40px; border-bottom: 2px #eaeaea solid;}
.index_recommned .tab a{ display:block; float: left; padding: 0 15px; font-size: 18px; color: #333333; line-height: 40px; position: relative;}
.index_recommned .tab a i{ display:none; position: absolute; left: 0; bottom: -2px; right: 0; height: 2px; background-color: #ff6600; overflow: hidden;}
.index_recommned .tab a.on i{ display:block;}
.index_recommned .tab a.on{ color: #ff6600; font-weight: 600;}
.index_recommned_list{ height:211px; padding-top: 29px;}
.index_recommned_list li{ float:left; width: 221px; height: 211px; margin-right: 23px; }
.index_recommned_list a{background-color: #f9f9f9; display: block; position: relative;}
.index_recommned_list a > i{ display:block; position: absolute; left: 0; top: 0; z-index: 1; height: 20px;}
.index_recommned_list a > i em{ display:inline-block; float: left; margin-right: 2px; line-height: 20px; background-color: #ff7800; color: #fff; padding: 0 6px; }
.index_recommned_list a .img{ height: 122px; width: 100%;}
.index_recommned_list div{ padding:5px 5px 0; height: 84px;}
.index_recommned_list h4{ display:block; font-size: 14px; color: #666666; font-weight: normal; line-height: 20px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.index_recommned_list a:hover h4{ color:#ff6600;}
.index_recommned_list p{ font-size:12px; color:#666666; line-height: 35px;}
.index_recommned_list p em{ color:#ff6633;}
.index_recommned_list p b{ font-size:20px;}
.index_recommned_list a:hover{ background-color:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}

/*出境游*/
.index_product_list{ padding-top:30px;}
.index_product_list .title{ height:44px; border-bottom: 2px #eaeaea solid;}
.index_product_list .title h2{ display:block; float: left; font-size:22px; color: #028bdc; font-weight: 600; line-height: 44px; width: 174px; padding-left: 52px; background: url(../images/i_02.jpg) no-repeat 2px center;}
.index_product_list .title .tab{ height:34px; float: left; padding-top: 10px;}
.index_product_list .title .tab a{ display:block; float: left; font-size: 15px; line-height: 34px; height: 34px; position: relative; padding: 0 5px; margin-right: 18px;}
.index_product_list .title .tab a i{ display:none; position:absolute; left: 0; right: 0; bottom: -2px; height: 2px; background-color: #ff6600;}
.index_product_list .title .tab a.on{ color:#ff6600;}
.index_product_list .title .tab a.on i{ display:block;}
.more{ float: right; padding-top: 10px;}

.hot_address{ width: 226px; height: 511px; overflow: hidden; position: relative; background: url(../images/img_04.jpg) no-repeat 0 278px;}
.hot_address b{ display:block; font-size: 14px; color: #666666; line-height: 30px; padding-top: 11px;}
.hot_address a{ display:inline-block; font-size: 14px; line-height: 33px; float: left; margin-right: 20px;}
.hot_address p{ display:block; position: absolute; left: 0; top: 260px; font-size: 14px; color: #999; line-height: 20px;}
.hot_address p em{ display:block; font-weight: 600; color: #666666;}

.index_product_list .reviews{ float:left; width: 974px; height: 511px;}
.travel_list li{ float:left; width: 308px; height: 233px; margin-top: 22px; margin-right: 24px;}
.travel_list a{ display:block; position:relative;}
.travel_list a i{ display:block; position: absolute; left: 0; top: 0; z-index:1; height: 20px; }
.travel_list a i em{ display:inline-block; float: left; margin-right: 2px; line-height: 20px; background-color: #ff7800; color: #fff; padding: 0 6px; }
.travel_list .img{ width: 308px; height: 140px;}
.travel_list div{ height:89px; padding: 5px 5px 0;}
.travel_list h4{ display:block; font-size: 14px; color: #333333; line-height: 24px; height:48px; font-weight: normal; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.travel_list p{ font-size:12px; color:#666; line-height: 35px;}
.travel_list p em{ color:#ff6633;}
.travel_list p b{ font-size:20px; font-weight: normal;}
.travel_list a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.travel_list a:hover h4{ color:#ff6600;}

/*国内游*/
.index_product_list01 .title h2{ background-image:url(../images/i_03.jpg); color:#ff8800;}
.index_product_list01 .hot_address{ background-image:url(../images/img_07.jpg);}

/*游轮*/
.index_product_list02 .title h2{ background-image:url(../images/i_04.jpg); color: #50b400;}
.index_product_list02 .hot_address{ background-image:url(../images/img_08.jpg);}

/*立即报名*/
.position_img{ padding:20px 0 0;}

/*周边游*/
.index_product_list03 .title h2{ color:#188f7b; background-image: url(../images/i_05.jpg);}
.index_product_list03 .reviews{ width:100%; float: inherit; height: auto;}
.zby_list{ height:248px; padding-top: 20px;}
.zby_list li{ float:left; width: 225px; margin-right: 18px;}
.zby_list a{ display:block; position: relative;}
.zby_list .img{ width:100%; height: 140px;}
.zby_list div{ height: 103px; padding: 5px 5px 0;}
.zby_list h4{ display:block; font-size: 14px; color: #333333; line-height: 24px; height:48px; font-weight: normal; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.zby_list p{ font-size:12px; color:#666; line-height: 35px; padding-top: 10px;}
.zby_list p em{ color:#ff6633;}
.zby_list p b{ font-size:20px; font-weight: normal;}
.zby_list a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.zby_list a:hover h4{ color:#ff6600;}

/*签证*/
.index_product_list04 .title h2{ background-image:url(../images/i_06.jpg); color: #925fb1;}
.index_product_list04 .reviews{ width:100%; float: inherit; height: auto;}
.qz_list{ padding-top:20px; height: 191px;}
.qz_list li{ float:left; width: 225px; margin-right: 18px;}
.qz_list a{ display:block; position: relative; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
.qz_list .img{ padding: 13px 13px 0; height: 113px; background-image: url(../images/img_14.jpg); border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
.qz_list .img em{ display:block; float: left; width: 100%; text-align: center; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 18px;}
.qz_list .con{ height: 61px; padding: 5px 5px 0;}
.qz_list h4{ display:block; font-size: 14px; color: #333333; line-height: 24px; font-weight: normal; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.qz_list p{ font-size:12px; color:#666; line-height: 35px;}
.qz_list p em{ color:#ff6633;}
.qz_list p b{ font-size:20px; font-weight: normal;}
.qz_list a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.qz_list a:hover h4{ color:#ff6600;}
.qz_list .img img.fl{ width:140px; height:95px;}

/*旅游攻略*/
.index_product_list05 .title h2{ background-image:url(../images/i_07.jpg); color: #d74568;}
.index_product_list05 .reviews{ width:100%; float: inherit; height: auto;}
.lvgl_list{ height: 350px; padding: 20px 0 0;}
.lvgl_list .news_img{ width: 370px; overflow:hidden;}
.lvgl_list .news_img .img{ width:100%; height: 252px;}
.lvgl_list .news_img a{ display:block; position: relative;}
.lvgl_list .news_img i{ display:block; position: absolute; left: 21px; top: 0; z-index: 1;}
.lvgl_list .news_img h4{ display:block; font-size: 16px; color:#333; font-weight: normal; line-height: 30px; padding-top: 5px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.lvgl_list .news_img p{ color:#999; line-height: 20px; height: 40px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.lvgl_list .news_list{ width: 796px; height:330px; overflow: hidden;}
.lvgl_list .news_list li{ float:left; width: 362px; overflow: hidden; padding-bottom: 19px; padding-left: 19px; background: url(../images/i_08.jpg) no-repeat 0 9px;}
.lvgl_list .news_list h4{ display:block; font-size: 16px; color: #333; font-weight: normal; line-height: 30px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.lvgl_list .news_list p{ line-height: 18px; font-size: 12px; color: #666;}
.lvgl_list .news_img a:hover h4,.lvgl_list .news_list a:hover h4{ color:#ff6600;}

/*浮动层*/
.fixed_nav{ position:fixed; right: 50%; margin-right: 620px; top: 40%; z-index: 500;}
.fixed_nav a{ display:block; width: 38px; padding: 7px 0; text-align: center; color: #666; font-size: 12px; letter-spacing: 2px; background-color: #f5f5f5; margin-bottom: 1px;}
.fixed_nav a i{ display:inline-block; vertical-align: middle; line-height: 15px;}
.fixed_nav a:hover,.fixed_nav a.on{ background-color:#ff6600; color: #fff !important;}

/*新增-定制出游*/
.tabcon{ width: 1200px;}
.tabcon .ad-pic-wrap{ float: left; width: 215px; padding-top: 24px;}
.tabcon .list-con {float: right; width: 974px; height: 306px; padding-top: 20px;}
.hot-des { float: left; width: 215px; margin-bottom: 15px;}
.hot-des h4 { font-size: 14px; font-weight: bold; color: #000; width: 220px; margin-bottom: 12px;}
.hot-des ul{ max-height: 78px; overflow: hidden;}
.hot-des li { float: left; font-size: 14px; margin-right: 12px;}
.hot-des li a { color: #666; font-size: 14px; line-height: 26px;}
.hot-des li a:hover{ color: #ff7800;}
.hot-des .hot-des-group{ max-height: 100%;}
.hot-des .hot-des-group li { float: left; font-size: 14px; color:#666666; margin: 0 0 35px 0;}
.hot-des .hot-des-group li:last-child{ margin-bottom: 0;}
.hot-des .hot-des-group li>i{ float: left; height: 50px; width: 50px;}
.hot-des .hot-des-group li>i>img{ height: 50px; width: 50px;}
.hot-des .hot-des-group li>.txt{ padding-left: 60px; height: 50px;}
.hot-des .hot-des-group li>.txt h3{ color: #666; font-size: 16px; height: 28px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hot-des .hot-des-group li>.txt>p{ color: #666; font-size: 12px; height: 22px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.custom-wrap .tabcon .list-con{ height:331px;}
.custom-sel{ width: 974px;}
.custom-sel .custom-sel-li{ float: left; width: 480px; height:306px; position: relative;}
.custom-sel .custom-sel-li.mr_0{ float: right;}
.custom-sel .custom-sel-li .pic{ display: block; width: 480px; height:306px;}
.custom-sel .custom-sel-li .pic img{width: 480px; height:306px;}
.custom-sel .custom-sel-li .custom-sel-info{ position: absolute; left: 277px; top: 0; width: 195px; height: 306px;}
.custom-sel .custom-sel-li .custom-sel-info.li-right{ left:0;}
.custom-sel .custom-sel-li .custom-sel-info h3{ width: 100%; height: 56px; font-size: 22px; color: #fff; text-align: center; line-height: 56px;}
.custom-sel .custom-sel-li .custom-sel-info p{ padding: 19px 19px 0; font-size: 14px; color: #ffffff; line-height: 24px;}
.custom-sel .custom-sel-li .custom-sel-info .btn{ display: block; width: 116px; height: 42px; border: 2px solid #1c579f; margin: 30px auto 0; font-size: 18px; color: #fff; text-align: center; line-height: 42px;}
.custom-sel .custom-sel-li:hover .custom-sel-info .btn{ border: 2px solid #fff;}

.index_product_list05 .tabcon .ad-pic-wrap{ padding-top: 15px;}
.index_product_list05 .hot-des h4{margin-bottom: 7px; color: #666;}
.index_product_list05 .hot-des .zixun-list{ max-height: 100%;}
.index_product_list05 .hot-des .zixun-list li { width: 100%; line-height: 38px; margin:0; border-bottom: 1px dashed #e5e5e5; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.index_product_list05 .tabcon .list-con{ height:341px; padding-top: 18px; overflow: hidden;}
.index_product_list05 .radius-list-tabcon{ width: 1200px;}
.index_product_list05 .visa-list{ width: 974px;}
.index_product_list05 .visa-list .visa-big-pic{float: left; width: 480px;}
.index_product_list05 .visa-list .visa-big-pic dd{ width: 480px; margin: 0 0 15px 0;}
.index_product_list05 .visa-list .visa-big-pic dd>a{ display: table-cell; width: 480px; height: 163px; background-color: #e7e7e7; text-align: center; vertical-align: middle;}
.index_product_list05 .visa-list dd>a>img{ max-height: 100%; width: 100%; vertical-align: middle;}
.index_product_list05 .visa-list .visa-little-pic{float: right; width: 480px;}
.index_product_list05 .visa-list .visa-little-pic dd{ float: left; width: 232px; margin:0 15px 15px 0;}
.index_product_list05 .visa-list .visa-little-pic dd:nth-of-type(2n){ margin-right: 0;}
.index_product_list05 .visa-list .visa-little-pic dd>a{ display: table-cell; width: 232px; height: 105px; background-color: #e7e7e7; text-align: center; vertical-align: middle;}